/**
 * 这是路由的核心js文件
 * 做一些设置：路由设置，导航守卫等设置
 */
import {createRouter, createWebHistory} from 'vue-router'
import Login from "../views/Login.vue";
import Home from "../views/Home.vue";
//立即加载
//创建路由实例
const router = createRouter({
    history: createWebHistory(),//HTML模式
    /*配置路由：是一个数组
        将一个url（字符串）与组件进行绑定
        举例： '/login' =>登录组件
    */
    routes: [
        {
            path: '/login',//url，必须式唯一的
            name: 'login',//路由名称
            component: Login,//登录组件
        },
        {
            path: '/home',
            name: 'home',
            component: Home,
            //嵌套路由，也叫二级路由
            children: [
                {
                    path: 'index',// 不要 /  ，  /home/index
                    component:()=>import('../components/Index.vue')
                },
                {
                  path: 'about', // /home/about
                  component:()=>import('../components/About.vue')
                },
                //todo 完成剩下的
            ]
        },
        {
            path: '/', //项目启动时，默认的路由
            redirect: '/login',//重定向到登录路由
        },
        {
            path: '/register',//注册url
            name: 'register',
            //懒加载
            component: () => import('../views/Register.vue')
        }
    ]
})
//导出路由
export default router

